/* Buttons */

.button {
  min-height: 24px;
  padding: $space-size $space-size * 2;
  border: none;
  border-radius: $material-radius;
  text-align: center;

  @include font(button);
  @include button(flat-normal);
  &:hover { @include button(flat-hover); }
  &:active { @include button(flat-active); }
  &:checked { @include button(flat-checked); }
  &:insensitive { @include button(flat-insensitive); }
  &:focus { @include button(flat-focus); }
}

.icon-button {
  min-height: $base-icon-size;
  min-width: $base-icon-size;
  padding: $space-size * 2;
  border-radius: $circular-radius;
  border: none;
  @include button(flat-normal);

  &:hover { @include button(flat-hover); }
  &:active { @include button(flat-active); }
  &:checked { @include button(flat-checked); }
  &:insensitive { @include button(flat-insensitive); }
  &:focus { @include button(flat-focus); }

  & > StIcon { icon-size: $base-icon-size; }
}
